<!doctype html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Carte et Itinéraire - V2</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr"></script>
        <script type="text/javascript" src="js/gmaps.js"></script>
        <script type="text/javascript" src="js/spectrum.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript" src="js/functions.js"></script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <h1>Carte et itinéraire</h1>
            </div>
            <div id="left">
                <h3>Emplacements <a href="#" class="icon-add"><img src="img/add.svg" alt="Ajouter" width="81" height="24"></a></h3>
                <div id="points">
                    <div id="pt-template" data-name="a" class="point">
                        <table>
                            <tr>
                                <td>Point A</td>
                                <td><a href="#" class="place-name" data-type="text"></a></td>
                                <td><input type="text" class="color-picker" value=""></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>Long.</td>
                                <td><input type="text" class="lng" value=""></td>
                                <td>Lat.</td>
                                <td><input type="text" class="lat" value=""></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="right">
                <div id="map"><!-- GMAPS --></div>
            </div>
            <div id="footer">
                <h3>Itinéraires <a href="#" class="icon-add"><img src="img/add.svg" alt="Ajouter" width="81" height="24"></a></h3>
                <div id="itineraires"></div>
            </div>
        </div>
    </body>
</html>